{% extends 'base.html' %}

{% block title %}
	Pie
{% endblock %}

{% block content %}
		<!-- entete -->
		<div data-role="header">
			<h1>Pie</h1>
			<a data-rel="back">Back</a>
			<a href="../../" data-icon="home">Home</a>
		</div>
		<!-- contenu -->
		<div data-role="content">   
			<script type="text/javascript" src ="/media/js/pie.js"></script>
			<div class="ui-grid-a">
				<div class="ui-block-a" style="width:100%">
					<label for="select-choice-0" class="select"> Année :</label>
						<select name="select-choice-0" id="select-choice-0">
						</select>
				</div>
			</div>
				
			
				<div class="ui-grid-a" style="width:100%">
					<div class="ui-block-a" id="graphTabPie" style="width:100%"></div>
				</div>
				<div data-role="collapsible" data-collapsed="true">
					<h1>Département</h1>
					<ul data-role="listview" id='listCheckboxPie' data-inset="true" data-filter="true" data-theme="c" data-dividertheme="b"></ul>
				</div>
			
		</div>
		
		<!-- footer -->
		<div data-role="footer">
		 <br>
		 <br>
		</div>
{% endblock %}